<script>
  import Tailwind from './Tailwind.svelte';
  import FeedbackList from "./components/FeedbackList.svelte";
  import FeedbackStats from "./components/FeedbackStats.svelte";
  import FeedbackForm from "./components/FeedbackForm.svelte";
</script>

<Tailwind />

<main class="text-center p-4 mx-0 h-full">
  <div class="content mx-auto">
    <FeedbackForm />
    <FeedbackStats />
    <FeedbackList />
  </div>
</main>

<style>
  main {
    background-color: #1E1D39;
  }
  @media (min-width: 736px) {
    .content {
      width: 736px;
    }

  }
</style>
